﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage2slide.master" AutoEventWireup="true"
    CodeFile="cinema.aspx.cs" Inherits="cinema" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // Tabs
            $('#tabs').tabs();
        });
        function cinema1_onclick() {

        }

    </script>
    <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
    <style type="text/css">
        /*====================*/
        /*=== Body Styles ===*/
        /*====================*/
        #content
        {
            width: 960px;
            height: 990px;
            border: solid 1px #9a7bf3;
            margin-left: 160px;
            background-color: #fff;
        }
        #tabs
        {
            width: 700px;
            height: 930px;
            border-right: solid 1px #9a7bf3;
            padding: 0 0 0 0;
        }
        #lcontent
        {
            width: 700px;
            height: 930px;
        }
        #rcontent
        {
            position: relative;
            top: -930px;
            left: 540px;
            width: 260px;
            height: 930px;
            margin-left: 160px;
        }
        .cinema_li
        {
            list-style-type: none;
            display: inline-block;
            vertical-align: top;
            float: left;
            width: 200px;
            height: 230px;
            margin: 24px 12px 12px 0;
        }
        .cinema_ul
        {
            width: 700px;
            margin-left: 24px;
            padding-top: 24px;
        }
        .caption p
        {
            color: #af3721;
            font-size: 12px;
        }
        .caption a p
        {
            font-size: 18px;
        }
        .caption a:hover
        {
            text-decoration: underline;
        }
        #rcontent p
        {
            padding: 5px 24px;
        }
        #rcontent li
        {
            margin-top: 16px;
            height: 110px;
            list-style-type: none;
        }
        #rcontent p
        {
            color: #99ffcc;
            font-size: 24px;
        }
        #rcontent li p
        {
            color: #aaccb3;
            font-size: 12px;
        }
        #rcontent li a p
        {
            color: #aa8fb3;
            font-size: 18px;
        }
        #rcontent li a:hover
        {
            text-decoration: underline;
        }
        #page
        {
            position: relative;
            top: -960px;
            left: 500px;
        }
        #page li
        {
            float: left;
            width: 19px;
            height: 25px;
            padding-left: 5px;
            list-style-type: none;
        }
        #page li a
        {
            color: #2b2b2b;
        }
        #last li
        {
            width: 19px;
            height: 20px;
            margin-top: 5px;
            background: url(images/last.png) no-repeat;
            background-position: 0 0;
            background-size: 20px 40px;
        }
        #last li:hover
        {
            background-position: 0 -20px;
        }
        #next li
        {
            width: 19px;
            height: 20px;
            margin-top: 5px;
            background: url(images/next.png) no-repeat;
            background-position: 0 0;
            background-size: 20px 40px;
        }
        #next li:hover
        {
            background-position: 0 -20px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="content">
        <img src="images/cinema_ban.png"></img>
        <div id="lcontent">
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">汉口</a></li>
                    <li><a href="#tabs-2">武昌</a></li>
                    <li><a href="#tabs-3">汉阳</a></li>
                </ul>
                <div id="tabs-1">
                    <ul class="cinema_ul">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <ItemTemplate>
                                <div class="cinema_li">
                                    <div class="cinema">
                                        <li><a href="cinema_detail.aspx?CinemaName=<%# Eval("name")%>">
                                            <img src='<%#Eval("image_url") %>' runat="server" id="cinema1" onclick="return cinema1_onclick()"></img>
                                        </a></li>
                                    </div>
                                    <div class="caption">
                                        <a href="cinema_detail.aspx?CinemaName=<%# Eval("name")%>">
                                            <p class="caption" id="name1">
                                                <%# Eval("name")%>
                                            </p>
                                        </a>
                                        <p>
                                            地址：
                                            <%#Eval("address") %>
                                        </p>
                                        <p id="tel1">
                                            电话：<%#Eval("tel") %></p>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
                <div id="tabs-2">
                    <ul class="cinema_ul">
                        <asp:Repeater ID="Repeater2" runat="server">
                            <ItemTemplate>
                                <div class="cinema_li">
                                    <div class="cinema">
                                        <li><a href="cinema_detail.aspx?CinemaName=<%# Eval("name")%>">
                                            <img src='<%#Eval("image_url") %>' runat="server" id="cinema1" onclick="return cinema1_onclick()"></img>
                                        </a></li>
                                    </div>
                                    <div class="caption">
                                        <a href="">
                                            <p class="caption" id="name1">
                                                <%# Eval("name")%>
                                            </p>
                                        </a>
                                        <p>
                                            地址：
                                            <%#Eval("address") %>
                                        </p>
                                        <p id="tel1">
                                            电话：<%#Eval("tel") %></p>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
                <div id="tabs-3">
                    <ul class="cinema_ul">
                        <asp:Repeater ID="Repeater3" runat="server">
                            <ItemTemplate>
                                <div class="cinema_li">
                                    <div class="cinema">
                                        <li><a href="cinema_detail.aspx?CinemaName=<%# Eval("name")%>">
                                            <img src='<%#Eval("image_url") %>' runat="server" id="cinema1" onclick="return cinema1_onclick()"></img>
                                        </a></li>
                                    </div>
                                    <div class="caption">
                                        <a href="">
                                            <p class="caption" id="name1">
                                                <%# Eval("name")%>
                                            </p>
                                        </a>
                                        <p>
                                            地址：
                                            <%#Eval("address") %>
                                        </p>
                                        <p id="tel1">
                                            电话：<%#Eval("tel") %></p>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
            </div>
        </div>
        <div id="rcontent">
            <p>
                TOP 5</p>
            <ul>
                <li><a href="">
                    <p>
                        武汉环银电影城</p>
                </a>
                    <p>
                        汉口解放大道686号世贸广场8楼</p>
                    <p>
                        电话：027--85448141、85448142</p>
                </li>
                <li><a href="">
                    <p>
                        洪山礼堂银兴影城</p>
                </a>
                    <p>
                        武汉市武昌区洪山路81号</p>
                    <p>
                        电话：027-87232936/87233930</p>
                </li>
                <li><a href="">
                    <p>
                        华谊兄弟武汉黄陂影城</p>
                </a>
                    <p>
                        武汉黄陂区黄陂大道387号黄陂广场C座</p>
                    <p>
                        电话：027－61106288 027-61106287</p>
                </li>
                <li><a href="">
                    <p>
                        武汉金逸国际影城</p>
                </a>
                    <p>
                        湖北省武汉市武昌徐东大街18号销品茂5楼</p>
                    <p>
                        电话：027-68898561，68898566</p>
                </li>
                <li><a href="">
                    <p>
                        武汉中影天河国际影城</p>
                </a>
                    <p>
                        武汉市光谷步行街C区3楼</p>
                    <p>
                        电话：027-87416895</p>
                </li>
            </ul>
        </div>
        <div id="page">
            <ul>
                <div id="last">
                    <li><a href=""></a></li>
                </div>
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <div id="next">
                    <li><a href=""></a></li>
                </div>
            </ul>
        </div>
    </div>
</asp:Content>
